

//遵循BEM代码规范
// .mine为页面或者是组件
// .mine-container为块
// .mine-container__poster为块下的子元素
// .mine-container--bigger为块的某种状态
.mine-content{
	    width: 100%;
	    height: 100vh;
	    background-repeat: no-repeat;
	    background-position: 0 0;
	    background-size: 100%;
		border-top: 1px solid transparent;
		position: relative;
		.mine-content__bjImg{
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.mine-body{
			margin: 330rpx auto 0;
			width: 436rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.mine-photoBox{
			width: 240rpx;
			height: 240rpx;
			border-radius: 50%;
			overflow: hidden;
		}
		.mine-photoBox__img{
			width: 240rpx;
			height: 240rpx;
		}
		.mine-name{
			width: 100%;
			height: 56rpx;
			font-size: 40rpx;
			font-family: SF Pro Text, SF Pro Text-Semibold;
			font-weight: 550;
			text-align: CENTER;
			color: #000000;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			margin-top: 24rpx;
		}
		.mine-pointsBox{
			margin-top: 140rpx;
			width: 100%;
		}
		.mine-pointsBoxItem{
			    background: transparent;
			    border: 0px solid transparent;
			    outline: 0px solid transparent;
			    width: 100%;
			    height: 126rpx;
			    display: flex;
			    justify-content: center;
			    align-items: center;
			    border-bottom: 3rpx solid #ededed;
			
		}
	    button::after{
			border: 0px solid transparent !important; 
		}
		.mine-pointsBoxItem__title{
			height: 44rpx;
			line-height: 44rpx;
			font-size: 32rpx;
			font-family: SF Pro Text, SF Pro Text-Semibold;
			font-weight: 500;
			text-align: CENTER;
			color: #222222;
			margin-right: 2rpx;
		}
		.mine-pointsBoxItem__img{
			width: 28rpx;
		}
}